﻿@model store.Areas.Home.Models.BasketModel
<div class="relative">
    @{
        if (Model.lists != null)
        {
            var totalItem = Model.lists.Sum(item => item.Count);
        <a href="@Url.Action("Index", "Cart")" class="btn btn-iconed">
            <i class="icon-cart-3"></i>
            <span>Giỏ hàng (@totalItem) - @String.Format("{0:0,000}", @Model.TotalPrice) VND</span>
        </a>
        }
        else
        {
        <a href="@Url.Action("Index", "Cart")" class="btn btn-iconed">
            <i class="icon-cart-3"></i>
            <span>Giỏ hàng (0) - 0 VND</span>
        </a>
        }
    }
    <!-- CART ITEMS -->
    <div class="cart-items">
        @{
            if (Model.lists != null)
            {
                if (Model.lists.Count < 2)
                {
            <div class="header">Hiển thị 1 của @Model.lists.Count() sản phẩm đã thêm</div>
            <ul class="items clearfix">
                @for (var i = 0; i < Model.lists.Count; i++)
                {
                    var item = Model.lists[i];
                    <li>
                        <div class="item-thumbnail">
                            <a href="#" title="">
                                <img src="~/Files/@item.images" alt="" />
                            </a>
                        </div>
                        <a href="#" class="item-name">@item.name</a>
                        <span class="item-price">@String.Format("{0:0,000}", @item.Price)</span>
                        <div class="clearfix"></div>
                    </li>
                }

            </ul>
                }
                else
                {
            <div class="header">Hiển thị 2 của @Model.lists.Count() sản phẩm đã thêm</div>
            <ul class="items clearfix">
                @for (var i = 0; i < 2; i++)
                {
                    var item = Model.lists[i];
                    <li>
                        <div class="item-thumbnail">
                            <a href="#" title="">
                                <img src="~/Files/@item.images" alt="" />
                            </a>
                        </div>
                        <a href="#" class="item-name">@item.name</a>
                        <span class="item-price">@String.Format("{0:0,000}", @item.Price)</span>
                        <div class="clearfix"></div>
                    </li>
                }

            </ul>
                }
            <div class="footer"><a href="@Url.Action("Index", "Cart")">Xem tất cả</a></div>
            }
            else
            {
            <div class="header">Không có sản phẩm được thêm.</div>
            }
        }

    </div>
    <!-- /CART ITEMS -->
</div>
